.home-flex{
  width: 100%;
  height: 100vh;

  .home-sidebar{
    width: 15%;
    height: 100%;
    overflow-y: scroll;
  }

  .home-header{
    width: 100%;
    height: 8%;
    margin: 0;
    padding: 4px 8px;
    background-color: #f0f2f5;
    border-radius: 4px;
    .home-header-card{
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      .ant-card-body{
        padding: 0;
      }
    }
  }

  .home-content, .home-footer{
    width: 100%;
    margin: 0;
    background-color: #f0f2f5;
    border-radius: 4px;
    .home-content-card, .home-footer-card{
      width: 100%;
      height: 100%;
    }
  }
  .home-content{
    height: 84%;
    padding: 0px 8px 4px 8px;
  }

  .home-footer{
    height: 8%;
    margin-bottom: 6px;
    padding: 0 8px;   
    .home-footer-card{
      display: flex;
      align-items: center;
      .ant-card-body{
        padding: 0;
      }
    }
      
  }
}